@charset "utf-8";
/*************************
*
* author:      Neal
* version:     1.0
* time:        2016-07-11
*
*************************/
html { -webkit-overflow-scrolling: touch; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,body,div,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,legend,button,input,textarea,form,th,td { margin: 0; padding: 0; vertical-align: baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary { display: block}
audio,canvas,video { display: inline-block; *display: inline; *zoom:1}
body,button,input,select,textarea { font: 12px/1.5 Tahoma,Helvetica,Arial,"\5B8B\4F53","\5FAE\8F6F\96C5\9ED1",sans-serif}
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal}
address,cite,dfn,em,var,i { font-style: normal}
ul,ol { list-style: none outside none}
a { text-decoration: none; outline: 0}
a:hover { text-decoration: underline; }
a:active { text-decoration: none; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word}
sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline}
sup { top: -0.5em}
sub { bottom: -0.25em}
fieldset,iframe { border: 0 none}
img { border: 0 none; vertical-align: middle; -ms-interpolation-mode: bicubic; max-width: 100%;}
button,input,select,textarea { font-family: inherit; font-size: 100%; vertical-align: baseline; *vertical-align: middle}
button,input[type=button],input[type=submit],input[type="reset"] { -webkit-appearance: button; cursor: pointer; *overflow: visible}
button[disabled],input[disabled] { cursor: default}
button::-moz-focus-inner,button::-moz-focus-outer,input::-moz-focus-inner,input::-moz-focus-outer { border: 0 none; padding: 0; margin: 0}
input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration { -webkit-appearance: none}
textarea { overflow: auto; vertical-align: top; resize: vertical}
table { border-collapse: collapse; border-spacing: 0}
strong,em,i { font-weight: normal}

/**************** base ******************/
/* display */
.dn{display:none;}
.di{display:inline;}
.db{display:block;}
.dib{display:inline-block;} /* if the element is block level(eg. div, li), using 'inline_any' instead */
/* float*/
.fl { float: left;}
.fr { float: right;}
/* text-align */
.tc{text-align:center;}
.tr{text-align:right;}
.tl{text-align:left;}
/* vertical-align */
.vm{ display: inline-block; vertical-align:middle;}
.vtb{ display: inline-block;vertical-align:text-bottom;}
/* position */
.rel{position:relative;}
.abs{position:absolute;}
/* font-size */
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f24{font-size:24px;}
/* 块状元素水平居中 */
.auto{margin-left:auto; margin-right:auto;}
/* 清除浮 动*/
.clearfix{*zoom:1;}
.clearfix:after{display:table; content:''; clear:both;}
/* 单行文字溢出虚点显 示*/
.ellipsis{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}